import styled from 'styled-components'

const headerBar = styled.div`
    display:flex;
    justify-content: center;
    align-items: center; 
    position:fixed;
    z-index:1;
    background:white;

    .user{
        width:24px;
        height:24px;
        margin-right:10px;
    }
    .logo{
        margin-left:20px;
        height:28px;

    }
    .jump {
        border-radius:20px;
        border:none;
        background:#f4f4f4;
        padding:0 30px;
        margin-bottom:5px;
        width: 94px;
        color:#999;
        margin: 0 10px;
        span{
            line-height:24px;
        }
    }
    .down{
        margin-right:12px;
        width:80px;
        height:25px;
        text-align:center;
        line-height:25px;
        color:white;
        border: .02133rem solid #fb7299;
        border-radius: .17067rem;
        background-color: #fb7299;
    }
    
`

export default headerBar;